<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>事业单位招考</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="../../plugins/mui/mui.min.css" rel="stylesheet" />
    <link href="../../css/style.css" rel="stylesheet"/>
    <script src="../../js/statistics.js"></script>
    <style>
        body{
            padding:0;
            margin:0;
            width:100%;
            height:100%;
            background: #fff;
        }
        .header{
            background: #43ac45;
        }
        .header h1{
            color:#fff;
            font-size:18px;
        }
        .header a{
            color:#fff;
        }
        .main{
        	padding: 0 8vw;
        	margin-top: 44px;
        }
        .main ul li{
        	width: 100%;
        	text-align: center;
        	border-radius: 8px;
        	margin-top: 60px;
        }
        .main ul li:first-child{
        	background: #fc7572;
        	margin-top: 100px;
        }
        .main ul li:nth-child(2){
        	background: #58b8f4;
        }
        .main ul li:last-child{
        	background: #ffb812;
        }
        .main ul li img{
        	width: 64px;
        	border: 4px solid #fff;
        	border-radius: 32px;
        	position: relative;
        	bottom: 32px;
        }
        .main ul li>div{
        	
        }
        .main ul li>div p{
        	color: #fff;
        }
        .main ul li>div p:first-child{
        	font-size: 15px;
        	position: relative;
        	bottom: 25px;
        }
        .main ul li>div p:last-child{
        	font-size: 12px;
        	position: relative;
        	bottom: 20px;
        }
    </style>
</head>
<body>
<header class="mui-bar mui-bar-nav header">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">公积金查询</h1>
</header>
<div class='main'>
	<ul>
		<li>
			<img src="../../images/icon/executive_housekeeper/user.png"/>
			<div>
				<p id="title">个人用户</p>
				<p>INDIVIDUAL USER</p>
			</div>
			<a href="http://www.czgjj.com/wsfft/logon.do?k=p"></a>
		</li>
		<li>
			<img src="../../images/icon/executive_housekeeper/development.png"/>
			<div>
				<p id="title">单位用户</p>
				<p>ENTERPRISE USER</p>
			</div>
			<a href="http://www.czgjj.com/wsfft/logon.do?k=u"></a>
		</li>
		<li>
			<img src="../../images/icon/executive_housekeeper/public-user.png"/>
			<div>
				<p id="title">公共查询</p>
				<p>PUBLIC INQUIRY</p>
			</div>
			<a href="http://www.czgjj.com/wsfft/main.do?jsdate=20170515160716315"></a>
		</li>
	</ul>
</div>
<script src='../../plugins/jquery/jquery-3.1.0.min.js'></script>
<script src="../../plugins/mui/mui.min.js"></script>


<script>
    mui.init();
    mui.plusReady(function(){
    	$(".main").delegate('li','tap',function(){
    		var href = $(this).find("a").attr('href'),
    			title = $(this).find()
    		mui.openWindow({
    			url:'exposure.html',
    			id:'exposure.html',
    			waiting:{
					autoShow:true,//自动显示等待框，默认为true
					title:'加载中...',//等待对话框上显示的提示内容
				},
    			extras:{
					'link':href,
					'title':title,
					//自定义扩展参数，可以用来处理页面间传值
				}
    		})
    	})
    })
</script>
</body>
</html>